Ext.define('AM.component.shape.Heart', {


    extend:'AM.component.shape.BaseShape',


    draw:function () {
        var me = this;
        var canvas = me.el.dom;
        var context = canvas.getContext('2d');
        context.beginPath();
        context.moveTo(75, 40);
        context.bezierCurveTo(75, 37, 70, 25, 50, 25);
        context.bezierCurveTo(20, 25, 22, 62.5, 22, 55);
        context.bezierCurveTo(20, 80, 40, 102, 75, 120);
        context.bezierCurveTo(110, 102, 130, 80, 128, 55);
        context.bezierCurveTo(128, 55, 130, 25, 100, 25);
        context.bezierCurveTo(85, 25, 75, 37, 75, 40);
        var gradient = context.createRadialGradient(0, 0, 0, 0, 0, 150);
        gradient.addColorStop(0, "rgba(244,28,285,0.5)");
        gradient.addColorStop(1, "rgba(255,255,255,1)");
        context.fillStyle = gradient;
        context.fill();
    }
})